
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{$cp_info.cp_name_new}</title>
	<meta http-equiv="Cache-Control" content="no-store" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/base1.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/login.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/js-ui.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/game.css" />
	<link rel="stylesheet" href="__TEMPLATE__/sysme/css/game-xy29.css" />
	<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
	<script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
	<script src="__SYSMET__/lib/layer/2.4/layer.css" type="text/javascript"></script>
	<!--<script type="text/javascript" src="__TEMPLATE__/sysme/js/layer.js"></script>-->
	<link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="__TEMPLATE__/sysme/css/animate.css" />
	<script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>
	<link href="__TEMPLATE__/sysme/css/jquery.mCustomScrollbar.css" rel="stylesheet">
	<script type="text/javascript" src="__TEMPLATE__/sysme/js/scroll_common.js"></script>
	<script src="__TEMPLATE__/sysme/js/lhc_game.js"></script>
	<script src="__TEMPLATE__/sysme/js/tool_scroll_game.js"></script>
	<script>
		var gameNameTemp = '{$game_id}';
		var time = {$jztime_fur};
		var time_r = {$jztime_fur};
	</script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
	<script src="__TEMPLATE__/sysme/js/lobby_common.js"></script>

	<style type="text/css">
		.toolbar {
			background: url(__TEMPLATE__/sysme/img/top.png) repeat-x !important;
		}

		.play-select-title {
			height: auto;
			/*width: 100%;*/
		}

		.selectnumberlist div {
			padding: 0px;
			margin-bottom: 0px;
		}

		#xjp_yiban .longhu_cell li div {
			margin-bottom: 0px;
		}

		.longhu_cell .selectnumberlist div {
			padding: 0px;
			margin-bottom: 0px;
		}

		.selectnumberlist div {
			cursor: pointer
		}

		.xianjinpantable table {
			border: solid #add9c0;
			border-width: 1px 0px 0px 1px;
		}

		.xianjinpantable td {
			border: solid #add9c0;
			border-width: 0px 1px 1px 0px;
			padding: 10px 0px;
		}

		.xianjinpantable tr {
			border: solid #add9c0;
			border-width: 0px 1px 1px 0px;
			padding: 10px 0px;
		}

		.select_input input {
			height: 18px;
		}
		body .timeout-class .layui-layer-btn .layui-layer-btn1{
			border-color: #1E9FFF;
			background-color: #1E9FFF;
			color: #fff;
		}
		body .timeout-class .layui-layer-btn .layui-layer-btn0{
			background:#C9C5C5;
			border-color: #C9C5C5;
			color: black;
		}
	</style>



	<script>
		$(function () {
			ss($("#scroll_one"), "h", true);
			ss($("#scroll_zero"), "h", false);
			ss($("#scroll_v"), "v", true);

		})
	</script>
</head>

<style type="text/css">
	.lottery_logo {
		background-color: white;
		width: 96px;
		height: 96px;
	}

	.lottery_logo>img {
		width: 96px;
		height: 96px;
	}

	.lottery_info {
		padding-left: 120px;
		margin-top: -85px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.issue {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.deadline-number {}

	.splice {
		background-color: white;
		color: #e94335;
		font-size: 3rem;
	}

	.timer>div {
		display: inline-block;
	}

	.board {
		color: #e94335;
		font-size: 3rem;
		padding-right: 10px;
		padding-left: 10px;
	}

	.lottery {
		margin: -59px 292px 0 20px;
	}

	.lottery-text {
		font-size: 0.75rem;
		margin-left: -299px;
		margin-top: 18px;
	}

	.lottery-text>span {
		font-size: 0.75rem;
		margin-left: 3px;
		margin-right: 3px;
		color: #e94335;
	}

	.play-select-title {
		display: flex;
		flex-wrap: wrap;
		background: linear-gradient(#eceaea, #fff, #e7e7e7);
		border: 1px solid #dbdbdb;
		border-radius: 4px;
		box-shadow: 0 2px 0 #e6e6e6;
		width: 1000px;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 20px;
		padding: 2px;
		text-align: center;
	}

	.play-select-title>a>li {
		width: 96px;
		height: 32px;
	}

	.play-select-title>a>li:hover {
		background-color: #fff3ee;
		color: #000000;
	}

	.play-section {
		background-image: none;
	}

	.play-select-content {
		width: 965px;
		height: 36px;
		background-color: #fff3ee;
		margin-left: 18px;
	}
</style>

<style type="text/css">
	.yuan {
		width: 24px;
		height: 24px;
		display: inline-block;
		text-align: center;
		margin-left: 5px;
		border: 1px solid #000;
	}

	.activity {
		border: 1px solid #e94335;
		color: #e94335;
	}

	.fr>input:hover {
		border: none;
		background-color: #ff7f40;
	}

	.hunhe-bg {
		background-color: white;
	}

	.lottery {
		margin: 12px -68px 0 20px;
	}

	.ball-magic>span {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #e94335;
		font-size: 1.75rem;
		margin-right: 7px;
		text-align: center;
		color: white;
		margin-top: 12px;
	}

	.lhc_ball {
		float: left;
		width: 28px;
		height: 28px;
		font-size: 1.3rem;
		line-height: 28px;
		background-size: 100% auto;
		cursor: default;
		text-align: center;
		color: rgb(255, 255, 255);
		border: medium none;
		border-radius: 50%;
		margin-left: 6px;
		margin-right: 6px;
		margin-top: 30;
		margin-bottom: 5px;
	}
.yiban{
		width: 100%;
		height:28px;
		background-color: white;
		/*z-index: 5;*/
		border:none;
		float: left;
	}
	.yiban_active{
		background-color: red;
		color: white;
	}
	
	
.lottery .issue-select {
	width: 30px;
    flex-shrink: 0;
    margin-left: 313px;
    margin-top: 7px;
		}

	

	.lottery .issue-select .btn {
			border: 1px solid #e94335;
			font-size: 12px;
			color: #666;
			background-color: #fff;
			height: 60px !important;
			padding: 0 3px;
			cursor: pointer;
		}
.lottery .issue-select .active {
			background-color: #e94335;
			color: #fff;
		}
		
		.jinwu{
	position: absolute;
	top:0px;
	left: 15px;

}
.ball-magic>.jinwu_span{
	width:20px;
	height:20px;
	font-size:0.75rem;
	margin-right:6px;
	display: inline-block;
}
.jinwu_div{
	height: 24px;
}

.play-select-title li {
    /* margin-bottom: 10px; */
    color: #666666;
}
#kj_zzc{width:100%;height:100%;background:#000;opacity: .3;position:fixed;z-index: 999999999999;display:none;}
</style>

<body>
	<div id="kj_zzc"></div>
	<div id="showhide-wrap" class="showhide-wrap" style="display: block;">
		<!-- 滚动条 -->
		<div id="ele-game-wrap" class="ele-game-wrap clearfix mCustomScrollbar _mCS_1 mCS-autoHide" data-mcs-theme="minimal" style="position: relative; overflow: visible; width: 100%; height: 912px;">
			<div id="mCSB_1" class="mCustomScrollBox mCS-minimal mCSB_vertical mCSB_outside" tabindex="0">
				<div id="mCSB_1_container" class="mCSB_container " style="position:relative; top:0; left:0;" dir="ltr">
					<div id="ele-live-wrap" class="ele-live-wrap bounce animated" style="height:205px; ">
						<div class="header" style="background:#c4c5c7;background-color: white;">
							<div class="g_33">
								<div class="deadline" style="background-color: white;">
									<div class="currentLottery animated fadeInLeftBig" style="background-color: white;display: inline-block;">
										<div class="lottery_logo">
											<img src="__TEMPLATE__/sysme/images/{$game_id}.png" alt="logo">
										</div>
										<div class="lottery_info">
											<div class="lottery_name">{$cp_info.cp_name_new}</div>
											<div class="issue">
												第
												<strong id="J-lottery-info-number" style="color: #e94335;font-size: 15px;">{$qihao_fur}</strong>期
												<br>
											</div>
											<button style="background-color: #D73021;width: 100px;border-radius: 12px; border: 0px;">
												<a href="{:url('lottery/liuhecai')}?uuid=8" target="_blank" style="color: white;line-height: 14px;font-size: 14px;margin: 3px 0px;">号码走势</a>
											</button>
										</div>
									</div>
									<div class="lottery-time animated fadeInDownBig" style="width: 355px; padding-right:5px;margin-left: 305px;margin-top: -95px;display: inline-block;">
										<div class="prompt">已开盘，欢迎投注。距离封盘还有：</div>
										
									<div class="deadline-number" id="deadline-number" style="margin-top: 10px;margin-left: 7px;margin-bottom: 4px;">
										<span class="c" id="djsdemo">
								    	<span class="hour" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.h}</span>
										<span style='width: 20px;height: 50px; display: inline-block;'>
										<img src="__TEMPLATE__/sysme/images/djs_dd.jpg"/ style="width: 8px;height: 30px;margin-top: 15px;margin-left: 7px;">
									</span>
										<span class="minute" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.m}</span>
										<span style='width: 20px;height: 50px; display: inline-block;'>
										<img src="__TEMPLATE__/sysme/images/djs_dd.jpg"/ style="width: 8px;height: 30px;margin-top: 15px;margin-left: 7px;">
									</span>
										<span class="second" style="display: inline-block;width: 80px;height: 65px;background: url(__TEMPLATE__/sysme/images/djs_bj.png);color:white;font-size:3rem;padding-top:3px;text-align:center;">{$h_m_s.s}</span>
								</span>
								</div>
									</div>
								</div>

								<div class="lottery" style="position: relative;">
									<div class="jinyi" style="display: block;">
										<div class="lottery-text">
										第
										<span id="J-lottery-info-lastnumber">{$qihao_cur}</span>期
										<br>
									</div>
									<div id="">
										{foreach $kjjg as $kk=>$kj}
										<div id="kjjg_info_{$kk}" class="lhc_ball" style="background-color:{$kjjg_color[$kk]}">{$kj}</div>
										{if (count($kjjg) eq ($kk+2))}
										<div class="lhc_ball" style="font-size:1.5rem;color:black;margin:30 0 5 0">+</div>
										{/if} 
										{/foreach}
										
									</div>
									<div style="clear:both;">
										{foreach $kjjg_sx as $kk=>$kj}
										<div id="kjjg_sx_{$kk}" class="lhc_ball" style="color:{$kjjg_color[$kk]};margin-top:0px;float:left;font-size:16px;">{$kj}</div>
										{if (count($kjjg) eq ($kk+2))}
										<div class="lhc_ball" style="font-size:1.5rem;color:black;margin:30 0 5 0"></div>
										{/if} 
										{/foreach}
									</div>
									</div>
									<div id="five_recent" class="jinwu" style="display: none;">
											{foreach $kjjg_five as $kkf=>$vkf}
												<div class="jinwu_div">
													<div style="font-size: 0.75rem;display: inline-block;margin-right: 10px;">
														第<span style="font-size: 0.75rem;color: #e94335;">{$kkf}</span>期
													</div>
													<div class="ball-magic" style="display: inline-block;">
													{foreach $vkf as $vvf}
														<span class="jinwu_span">{$vvf}</span>
													{/foreach}
													</div>
												</div>	
											{/foreach}
											</div>
									

								<div class="issue-select" style="position: absolute;top: 38px;">
									<div class="btn active" id="jy" style="line-height: 16px; border-radius: 0;font-size: 0.875px;margin-top: -35px;">近一期</div>
									<div class="btn" id="jw" style="line-height: 16px; border-radius: 0; font-size: 0.875px;border: 1px solid #e94335">近五期</div>
								</div>
								</div>

							</div>

						</div>
					</div>
					<!-- header end -->
					<div class="g_33 main">
						<div class="switch" style="cursor: pointer" id="switch">
							<span></span>
						</div>
					
							<div class="play-section">
								<div id="J-play-select" class="play-select">
									<div id="change" style="color: white;">
										<div class="guanfangwanfa" id="guanfangwanfa" style="width: 1630px;height: 40px;">
											<ul class="play-select-title clearfix" id="myTab1" style="margin-left: 1px;background:#D3D3D3; height: 40px; color: white;">
												{foreach $play_all as $v}
												<a href="{:url('Bet/lotteryBetting')}?game_id={$game_id}&class_id={$v.dft_classid}">
													<li id="" {if condition="isset($v.current) && $v.current" } class="current" {/if} style="display:inline-block;font-size: 0.875rem;width: 66px;height: 40px;line-height: 40px;">{$v.class_name}</li>
												</a>
												{/foreach}
											</ul>
										</div>
									</div>
								</div>
							</div>

						<div class="chart-section" id="J-game-chart" style="display: none;"> </div>
						<div class="chart-section" id="J-game-chart_touzhu" style="display: none; height:340px;">
							<table class="chart-table">
								<thead class="thead">
									<tr class="title-text">
										<th width="120" class="border-bottom border-right">期号 </th>
										<th width="300" class="border-bottom border-right">投注号码</th>
										<th width="100" class="border-bottom border-right">投注注数</th>
										<th width="100" class="border-bottom border-right">投注金额</th>
										<th width="150" class="border-bottom border-right">时间</th>
										<th width="80" class="border-bottom border-right">状态</th>
										<th width="100" class="border-bottom border-right">操作</th>
									</tr>
								</thead>
								<tbody id="J-chart-content" class="chart table-guides">
									
								</tbody>
							</table>
						</div>

						<div class="chart-section" id="J-game-chart_zhuihao" style="display: none;">
							<table class="chart-table">
								<thead class="thead">
									<tr class="title-text">
										<th width="120" class="border-bottom border-right">期号 </th>
										<th width="300" class="border-bottom border-right">投注号码</th>
										<th width="100" class="border-bottom border-right">投注注数</th>
										<th width="100" class="border-bottom border-right">投注金额</th>
										<th width="150" class="border-bottom border-right">时间</th>
										<th width="80" class="border-bottom border-right">状态</th>
										<th width="100" class="border-bottom border-right">操作</th>
									</tr>
								</thead>
								<tbody id="j-chart-content" class="chart table-guides">
									
								</tbody>
							</table>
						</div>
